<template>
	<view>
    <uv-toast ref="uToast"></uv-toast>
    <uv-no-network></uv-no-network>
    <Nav title="设置"></Nav>
    <Header></Header>
    <view class="layout">
      <view class="list">
        <uv-list v-for="(item, index) in list"
                 :key="index"
                 :border="true"
        >
          <uv-list-item
              thumb-size="medium"
              :thumb="item.img"
              :border="true"
              :title="item.name"
              show-arrow="true"
              :clickable="true"
              @click="jumpFn(item)"
          ></uv-list-item>
        </uv-list>
      </view>
    </view>
	</view>
</template>

<script setup>
import Nav from "@/components/nav.vue";
import Header from "@/components/header.vue";
import {ref} from "vue"
import pwd from "@/static/img/pwd.png"
import addr from "@/static/img/addr.png"
const list = ref([
  {
    img: pwd,
    name: '修改密码',
    url: '/pages/setting/pwd/pwd'
  },
  {
    img: addr,
    name: '收货地址',
    url: '/pages/setting/address/address'
  }
])
const jumpFn = (item) => {
  uni.navigateTo({
    url: item.url
  })
}
</script>

<style lang="scss" scoped>
.layout{
  height: calc(100vh - 88px);
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
  //border: 1px solid red;
  background-color: #f7f7f8;
  &::-webkit-scrollbar {
    display: none;
  }
  .list{
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    background-color: #FFFFFF;
    box-sizing: border-box;
  }
}
</style>
